<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ include file="../baselist.jsp"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title></title>
		<script type="text/javascript" src="${ctx}/js/jquery-1.8.3.js"></script>
		<script src="${ctx}/js/highchart/highcharts.js"></script>
		<script src="${ctx}/js/highchart/highcharts-3d.js"></script>
		<script src="${ctx}/js/highchart/modules/exporting.js"></script>
		
		<script type="text/javascript">
		/* $.post("memoryInfo.action",function(d){
        	alert(d);
        }); */
		$(function () {
		    $(document).ready(function () {
		        Highcharts.setOptions({
		            global: {
		                useUTC: false
		            }
		        });

		        $('#container').highcharts({
		            chart: {
		                type: 'spline',
		                animation: Highcharts.svg, // don't animate in old IE
		                marginRight: 10,
		                events: {
		                    load: function () {

		                        // set up the updating of the chart each second
		                        var series = this.series[0];
		                        setInterval(function () {
		                            var x = (new Date()).getTime(); // current time
			                    	$.post("memoryInfo.action",function(d){
		                            	var y = parseFloat(d);
		                            	console.log(y);
		                            	series.addPoint([x, y], true, true);
		                            });
		                           
		                        }, 1000);
		                    }
		                }
		            },
		            title: {
		                text: '内存使用情况'
		            },
		            xAxis: {
		                type: 'datetime',
		                tickPixelInterval: 150
		            },
		            yAxis: {
		                title: {
		                    text: '已使用 (M)'
		                },
		                plotLines: [{
		                    value: 0,
		                    width: 1,
		                    color: '#808080'
		                }]
		            },
		            tooltip: {
		               /*  formatter: function () {
		                    return '<b>' + this.series.name + '</b><br/>' +
		                        Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
		                        Highcharts.numberFormat(this.y, 2);
		                } */
		            },
		            legend: {
		                enabled: false
		            },
		            exporting: {
		                enabled: false
		            },
		            series: [{
		                name: '内存使用：',
		                data: (function () {
		                    // generate an array of random data
		                    var data = [],
		                        time = (new Date()).getTime(),
		                        i;
							var y;
		                    for (i = -19; i <= 0; i += 1) {
		                    	$.post("memoryInfo.action",null,function(d){
	                            	y = parseFloat(d);
		                    	});
		                    	data.push({
		                            x: time + i * 1000,
		                            y: Math.random()
		                        });
		                    }
		                    return data;
		                }())
		            }]
		        });
		    });
		});
		</script>
	</head>
<body>
	总内存：${total } m
	<div id="container" style="min-width:400px;height:400px"></div>
</body>
</html>
